@import './layout.scss'; //@import是scss引入scss文件都这个文件中（合并所有内容）

@mixin btn($size: 14px, $color: #fff, $bgcolor: #f04752, $padding: 5px, $radius: 5px) {
	padding: $padding;
	background-color: $bgcolor;
	border-radius: $radius;
	border: 1px solid $bgcolor;
	font-size: $size;
	text-align: center;
	line-height: 1;
	display: inline-block;
}

@mixin list($direction: colum) {
	@include flex($direction)//@include是scss调用一个函数，;
}

@mixin panel($bgcolor: #fff, $padding: 0, $margin: 20px 0, $height: 112px, $txtPadding: 0 32px, $color: #333, $fontSize: 32px) {
	background: $bgcolor;
	padding: $padding;
	margin: $margin;
	> h4 {
		//  >xx  表示所有xx标签子元素，不含后代元素
		height: $height;
		line-height: $height;
		padding: $txtPadding;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		text-align: center;
		color: $color;
		font-size: $fontSize;
	}
}
@mixin ellipsis(){
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}
